<!--
  Generated template for the UnitListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>{{courseName}}</ion-title>
<!--    <ion-buttons end>
      <button ion-button icon-only (click)="getcourseInfo()">
        <ion-icon name="ios-information-circle-outline"></ion-icon>
      </button>
    </ion-buttons>-->
  </ion-navbar>

</ion-header>


<ion-content>
  <ul class="unit-list" *ngIf="unitList">
    <li [class]="'bg-'+(i%3+1)"  *ngFor="let item of unitList;let i=index" (click)="operateUnit(item.id)">
      <div class="course-info">
        <i class="my-icon-user"></i>
        <p>
          {{item.unit_name}}
        </p>
        <ion-icon name="arrow-forward"></ion-icon>
      </div>
    </li>
  </ul>
  <span *ngIf="!unitList" style="display: block;text-align: center;height: 20px;line-height: 20px;margin-top: 20px;">暂无数据...</span>
</ion-content>
